<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-back-button defaultHref="home"></ion-back-button>
    </ion-buttons>
    <ion-title>重点企业库</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-card-header>
      <ion-card-title class="cardTitle">初创企业
      </ion-card-title>
      <a class="more" (click)="goToMore(1)">更多></a>
    </ion-card-header>
    <ion-card-content>
      <ion-grid *ngFor="let c of items1;let i=index" >
        <ion-row *ngIf="i%4==0">
          <ion-col *ngIf="items1[i]">
            <ion-avatar class="img-avatar" (click)="goToDetails(items1[i].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items1[i].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items1[i+1]">
            <ion-avatar class="img-avatar"
              (click)="goToDetails(items1[i+1].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items1[i+1].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items1[i+2]">
            <ion-avatar class="img-avatar"
              (click)="goToDetails(items1[i+2].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items1[i+2].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items1[i+3]" (click)="goToDetails(items1[i+3].iid)">
            <ion-avatar class="img-avatar">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items1[i+3].cshort}}</div>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>
      <ion-card-title class="cardTitle">成长企业</ion-card-title>
      <a class="more" (click)="goToMore(2)">更多></a>
    </ion-card-header>
    <ion-card-content>
      <ion-grid *ngFor="let c of items2;let i=index">
        <ion-row *ngIf="i%4==0">
          <ion-col *ngIf="items2[i]">
            <ion-avatar class="img-avatar" (click)="goToDetails(items2[i].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items2[i].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items2[i+1]">
            <ion-avatar class="img-avatar"
              (click)="goToDetails(items2[i+1].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items2[i+1].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items2[i+2]">
            <ion-avatar class="img-avatar"
              (click)="goToDetails(items2[i+2].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items2[i+2].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items2[i+3]" (click)="goToDetails(items2[i+3].iid)">
            <ion-avatar class="img-avatar">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div> {{items2[i+3].cshort}}</div>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>
      <ion-card-title class="cardTitle"> 成熟企业</ion-card-title>
      <a class="more" (click)="goToMore(3)">更多></a>
    </ion-card-header>
    <ion-card-content>
      <ion-grid *ngFor="let c of items3;let i=index">
        <ion-row *ngIf="i%4==0">
          <ion-col *ngIf="items3[i]">
            <ion-avatar class="img-avatar" (click)="goToDetails(items3[i].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items3[i].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items3[i+1]">
            <ion-avatar class="img-avatar"
              (click)="goToDetails(items3[i+1].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items3[i+1].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items3[i+2]">
            <ion-avatar class="img-avatar"
              (click)="goToDetails(items3[i+2].iid)">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div> {{items3[i+2].cshort}}</div>
          </ion-col>
          <ion-col *ngIf="items3[i+3]" (click)="goToDetails(items3[i+3].iid)">
            <ion-avatar class="img-avatar">
              <img src="../../assets/image/avatar.png">
            </ion-avatar>
            <div>{{items3[i+3].cshort}}</div>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>
</ion-content>
